﻿<style>
    .popover-content {
        font-size: 14px;
        color: black;
        font-weight: normal;
    }
</style>

<div class="row">
    <div ng-if="crDisplay.company.isCoverageEntity" class="info-lynk-popover ng-scope">
        <div class="coverageBox">
            Sustainalytics covers <span>{{crDisplay.company.companyName}}</span> through research on a related entity in our research universe, <span>{{crDisplay.company.companyResearched}}</span>.<br/>
            Research for <span>{{crDisplay.company.companyResearched}}</span> is shown below.
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-10">
        <div class="title-company-arrows">
            {{crDisplay.company.companyName}}

        </div>



        <div class="title-company-extra">
            <!--<span ng-bind="crDisplay.company.country"></span><br />-->
            <span ng-if="crDisplay.company.exchangeCode && crDisplay.company.ticker">
                <span ng-bind="crDisplay.company.exchangeCode"></span>:<span ng-bind="crDisplay.company.ticker"></span>
            </span>

        </div>
    </div>
    <div class="col-md-2">

        <div>
            <input type="button" value="Add to Portfolio" ng-click="crDisplay.openSavePortfolio()" class="btn-green" style="width: 135px; min-width: 135px; float: right; {{crDisplay.company.isCoverageEntity ? 'margin-top: -22px;' : 'margin-top: 0;'}}">
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>

</div>

